import Vue from 'vue'
import axios from 'axios'
import { getToken, removeToken } from '../utils/token'
import router from '@/router'

axios.defaults.baseURL = process.env.VUE_APP_BASEURL

axios.defaults.withCredentials = true
// 添加请求拦截器
axios.interceptors.request.use(
  function (config) {
    let token = getToken()
    if (token) {
      // 在发送请求之前在请求头中设置token
      config.headers.token = token
    }
    return config
  },
  function (error) {
    // 对请求错误做些什么
    return Promise.reject(error)
  }
)
// 添加响应拦截器
axios.interceptors.response.use(
  function (response) {
    // token过期的操作(206是token过期时后台返回的状态码)
    if (response.data.code === 206) {
      // 删除token
      removeToken()
      // 跳转到登录页
      // 防止多次请求情况下，路由重复跳转问题
      if (router.history.current.fullPath != '/login') {
        router.push('/login')
        // 这里不写this.$router.push()是因为这是js文件，this并不是vue实例化对象，所以不能调用他的方法，而是直接导入router
      }
    }
    // 将响应数据中的data返回给页面
    return response.data
  },
  function (error) {
    // 对响应错误做点什么
    return Promise.reject(error)
  }
)

Vue.prototype.$axios = axios
